<template>
    <div>
        <div class="home-panel" data-v-bcb266e0="" data-v-13e95cdc="">
            <div class="header" data-v-bcb266e0="">
                <h4 data-v-bcb266e0="" >我的收藏</h4>
                <a href="#/" class="router-link-active xtx-more" data-v-d6f2c104="" data-v-bcb266e0="">
                    <span data-v-d6f2c104="">查看全部</span>
                    <i class="iconfont icon-angle-right" data-v-d6f2c104=""></i>
                </a>
            </div>
            <div class="goods-list" data-v-bcb266e0="">
                <a href="javascript:;" class="goods-item" data-v-3828c3be="" data-v-13e95cdc="">
                    <img alt="" data-v-3828c3be="" src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_6.jpg">
                    <p class="name ellipsis" data-v-3828c3be="">关技按高整化老对任商便性</p>
                    <p class="desc ellipsis" data-v-3828c3be="">然管道近传设由机</p>
                    <p class="price" data-v-3828c3be="">¥126.17</p>
                </a>
                <a href="javascript:;" class="goods-item" data-v-3828c3be="" data-v-13e95cdc="">
                    <img alt="" data-v-3828c3be="" src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_2.jpg">
                    <p class="name ellipsis" data-v-3828c3be="">头无科阶在历周员置还极向书县满地响</p>
                    <p class="desc ellipsis" data-v-3828c3be="">见走将部较半权必共</p>
                    <p class="price" data-v-3828c3be="">¥132.39</p>
                </a>
                <a href="javascript:;" class="goods-item" data-v-3828c3be="" data-v-13e95cdc="">
                    <img alt="" data-v-3828c3be="" src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_5.jpg">
                    <p class="name ellipsis" data-v-3828c3be="">传众之毛如通并圆对记国干</p>
                    <p class="desc ellipsis" data-v-3828c3be="">使题科持可青最除</p>
                    <p class="price" data-v-3828c3be="">¥175.04</p>
                </a>
                <a href="javascript:;" class="goods-item" data-v-3828c3be="" data-v-13e95cdc="">
                    <img alt="" data-v-3828c3be="" src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_4.jpg">
                    <p class="name ellipsis" data-v-3828c3be="">好听代家常转亲头时个之参求史支气持话般电</p>
                    <p class="desc ellipsis" data-v-3828c3be="">么飞区都率构</p>
                    <p class="price" data-v-3828c3be="">¥146.78</p>
                </a>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
div,p,ul,ol,li,dl,dt,dd,form,table,h1,h2,h3,h4,h5,h6,input,select,textarea,span,strong,em,b,i,u,a,img,*{padding:0;margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
body { font-family: '黑体'; font-size: 12px;  color: #000; background-color: #fff; }
ul,ol,li { list-style: none; }
h1,h2,h3,h4,h5,h6{ font-size: 14px;}
a img{ border: none;}
img,input,textarea,select,option,output,span,a,b,em,i,strong,u,s,button,label{ vertical-align:middle;}
table{border-collapse:collapse;}
a { background: transparent; text-decoration: none; color: #333; }
a:hover{  color: #f90; }
.clear{ clear:both; height: 0; width: 0; overflow: hidden;}
body,html{height: 100%;width: 100%;}
.home-panel[data-v-bcb266e0] {
    background-color: #fff;
    padding: 0 20px;
    margin-top: 20px;
    height: 400px;
}
.home-panel .header[data-v-bcb266e0] {
    height: 66px;
    border-bottom: 1px solid #f5f5f5;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.home-panel .header h4[data-v-bcb266e0] {
    font-size: 22px;
    font-weight: 400;
}
.xtx-more[data-v-d6f2c104] {
    margin-bottom: 2px;
}
.home-panel .goods-list[data-v-bcb266e0] {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
}
.goods-item[data-v-3828c3be] {
    display: block;
    width: 220px;
    padding: 20px 30px;
    text-align: center;
    transition: all .5s;
}
.goods-item img[data-v-3828c3be] {
    width: 160px;
    height: 160px;
}
.goods-item .name[data-v-3828c3be] {
    font-size: 16px;
}
.goods-item .desc[data-v-3828c3be] {
    color: #999;
    height: 29px;
}
.goods-item p[data-v-3828c3be] {
    padding-top: 10px;
}
.goods-item .price[data-v-3828c3be] {
    color: #cf4444;
    font-size: 20px;
}
.goods-item p[data-v-3828c3be] {
    padding-top: 10px;
}
</style>